<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <title>至娱</title>
    <link href="../../../css/home/detail.css" rel="stylesheet"/>
    <link href="../../../css/home/common.css" rel="stylesheet"/>
    <!--Required libraries-->
    <script src="../../../js/home/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="../../../js/home/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="../../../js/home/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <link href="../../../css/home/flickerplate.css"  type="text/css" rel="stylesheet"/>
    <script src="../../../js/home/flickerplate.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function(){

            $('.flicker-example').flicker();
        });
    </script>
</head>
<body>
<div class="container">
    <div class="head-top">
        <div style="width: 1100px; margin:0 auto;">
            <a href="#appdownload">移动端客户</a>
            <img src="../../../img/phone.png"/>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav">
        <div class="logo"><img src="../../../img/logo.png"/></div>
        <ul class="list">
            <li><a th:href="@{'/api/home'}" class="active">首页</a></li>
            <li><a th:href="@{'/api/home?type=3'}">明星</a></li>
            <li><a th:href="@{'/api/home?type=1'}">电影</a></li>
            <li><a th:href="@{'/api/home?type=0'}">电视</a></li>
            <li><a th:href="@{'/api/home?type=2'}">网剧</a></li>
        </ul>
        <div class="search">
            <input class="search_input" value="搜你所想" onfocus="if(value=='搜你所想') {value=''}"
                   onblur="if (value=='') {value='搜你所想'}"/>
            <a href="javascript:void(0)">
                <img onclick="window.location.href='/api/home/more?title='+document.getElementsByClassName('search_input')[0].value" src="../../../img/search.png"/>
            </a>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="box">
        <div class="container_01">
            <h1 th:text="${tInformation.title}"></h1>
            <span th:text="'发布时间：'+${publishTime}"></span>
            <p th:utext="${tInformation.content}"></p>
        </div>
        <div class="container_02">
            <div class="news_01">
                <h3><i></i>最新资讯</h3>
                <div class="container_02_box" th:each="infor,iterStat:${list}">
                    <div class="container_02_text" >
                        <h2><a th:text="${infor.title}" th:href="@{'/api/home/detail/'+${infor.id}}" target="_blank"></a></h2>
                        <p th:text="${infor.author}"></p>
                    </div>
                    <img th:src="${#strings.arraySplit(infor.coverUrl,'@@@@')[0]}"/>
                    <div class="clearfix"></div>
                </div>

            </div>
            <div class="news_02">
                <h3><i></i>推荐热文</h3>
                <ul>
                    <li th:each="infor,iterStat:${list2}"><i th:text="${iterStat.index+1}"></i><a target="_self" th:href="'/api/home/detail/'+${infor.id} " class="textyc_sl" th:text="${infor.title}"></a></li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
        <!--<div class="right-float" id="FloatDIV"><img src="../../img/saoma.png"/></div>-->
    </div>
    <div class="footer">
        <div class="footer_container">
        <div class="footer_logo"><img src="../../../img/logo.png"/></div>
        <ul>
            <li><a href="mailto:81139271@qq.com">海宁至娱智乐影视文化有限公司</a></li>
            <li><a href="mailto:81139271@qq.com">联系我们</a></li>
            <li><a href="#">Copyright 2018 All Rights Reserved</a></li>
        </ul>
        <ul class="saoma">
            <li><img src="../../../images/download/appdownload.png" id="appdownload" th:height="111" th:width="111"/></li>
            <li><span>扫描二维码  关注我们</span></li>
        </ul>
        <div class="clearfix"></div>
        </div>
    </div>
    </div>
<!--<script src="js/jquery-2.1.1.min.js"></script>-->
<!--<script src="js/common.js"></script>-->

</body>
</html>